<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page language="java" import="com.server.web.JsVersionUtil"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
	<meta charset="UTF-8">
	<title>北京市人民政府外事办公室领事保护教育服务平台</title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="<c:url value='/share/bootstrap.min.css'></c:url>">
	<link rel="stylesheet" href="<c:url value='/share/AllStyle.css'></c:url>">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="<c:url value='/js/jquery.min.js'></c:url>"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="<c:url value='/js/bootstrap.min.js'></c:url>"></script>
	<script src="<c:url value='/js/all.js'></c:url>"></script>
	<script src="<c:url value='/js/serverCommonJs.js'></c:url>"></script>
</head>
<body>
	<div class="home_header_2">
		<div class="Interface_center Interface_relative">
			<ul>
				<li>
					<div>试题类型：</div>
					<ul class="Interface_relative">
						<li><a href="javascript:;" class="home_header_2_Click">全部</a></li>
						<li><a href="javascript:;">留学</a></li>
						<li><a href="javascript:;">务工</a></li>
						<li><a href="javascript:;">旅行</a></li>
						<li><a href="javascript:;">商贸</a></li>
						<li><a href="javascript:;">反恐</a></li>
						<li><a href="javascript:;">疫情</a></li>
						<li><a href="javascript:;">法律纠纷</a></li>
						<li><a href="javascript:;">刑事案件</a></li>
					</ul>
				</li>
				<li>
					<div>排序：</div>
					<ul class="Interface_relative">
						<li><a href="javascript:;" class="home_header_2_Click">最新</a></li>
						<li><a href="javascript:;">最热</a></li>
					</ul>
				</li>
			</ul>
			<div class="home_header_2_Arrow home_header_2_Arrow_true">
				<img src="<c:url value='/share/images/Arrow.png'></c:url>" class="transform_rotate">
			</div>
		</div>
	</div>
	<div class="home_content Interface_center">
		<div class="input-group input-group" style="float: right;width: 30%;margin-top: 15px;margin-bottom: 15px;">
			<input type="text" name="q" id="q" value="" placeholder="输入试题名称" class="form-control" size="40">
			<span class="input-group-btn">
				<button class="btn btn-primary" type="submit">搜索</button>
			</span>
		</div>
		<table class="table case_table">
	    	<thead style="background: #82b4ee; color: #fff;">
		        <tr>
		          <th>试题名称</th>
		          <th>试题类型</th>
		          <th>发布时间</th>
		          <th>试题状态</th>
		          <th>试卷分数</th>
		        </tr>
		    </thead>
	      <tbody id="Examination_details">
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>交卷</td>
	          <td>97</td>
	        </tr>
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>未做</td>
	          <td>无</td>
	        </tr>
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>交卷</td>
	          <td>97</td>
	        </tr>
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>未做</td>
	          <td>无</td>
	        </tr>
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>交卷</td>
	          <td>97</td>
	        </tr>
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>交卷</td>
	          <td>97</td>
	        </tr>
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>交卷</td>
	          <td>97</td>
	        </tr>
	        <tr>
	          <th scope="row">“拆迁的影响”综合实践活动试题</th>
	          <td>务工</td>
	          <td>2016.07.01</td>
	          <td>交卷</td>
	          <td>97</td>
	        </tr>
	      </tbody>
	    </table>
		<nav>
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
	</div>

	<script type="text/javascript">
		$(function(){
			$(".home_header-nav li").click(function(){
				$(".home_header-nav li a").removeClass("home_header_1_ClickA");
				$(this).children().addClass("home_header_1_ClickA");
			});
			$(".home_header_2 .Interface_center>ul>li:eq(0) ul li").click(function(){
				$(".home_header_2 .Interface_center>ul>li:eq(0) ul li a").removeClass("home_header_2_Click");
				$(this).children().addClass("home_header_2_Click");
			});
			$(".home_header_2 .Interface_center>ul>li:eq(1) ul li").click(function(){
				$(".home_header_2 .Interface_center>ul>li:eq(1) ul li a").removeClass("home_header_2_Click");
				$(this).children().addClass("home_header_2_Click");
			});
			$(".home_header_2_Arrow").click(function(){
				if(!$(this).is(".home_header_2_Arrow_true")){
					$(this).prevAll().hide();
					$(this).children().addClass("transform_rotate");
					$(this).addClass("home_header_2_Arrow_true");
				}else{
					$(this).prevAll().show();
					$(this).children().removeClass("transform_rotate");
					$(this).removeClass("home_header_2_Arrow_true");
				}
			});
			$("#Examination_details").click(function(){
				location.href = "Examination_details.html";
			});
		});
	</script>
</body>
</html>